<template>
  <div class="box-top">
    <el-row>
      <el-col :span="18"
        ><div class="grid-content bg-purple">
          <img class="box-logo" src="../assets/image/logo.jpg" @click="$router.push('/')" alt="" />
          <i class="box-title">Pet shop</i>
        </div></el-col
      >
      <el-col :span="6"></el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'SearchHeader',
  data() {
    return {}
  },
}
</script>

<style scoped>
.box-logo {
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
.box-title {
  font-size: 30px;
  line-height: 30px;
}
</style>
